<template>
    <transition name="el-fade-in">
      <el-container v-show="show">
        <slot></slot>
      </el-container>
    </transition>
</template>

<script>
export default {
  name: "FadeIn",
  data() {
    return {
      show:false
    }
  },
  mounted() {
    this.show = true;
  },
  beforeUnmount() {
    this.show = false;
  }
}
</script>

<style scoped>

</style>